<div id="blockUI" class="translucent" style='display: none; background-color: black; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 5000;' onclick="return false" onmousedown="return false" onmousemove="return false" onmouseup="return false" ondblclick="return false">
   <table width="100%" height="100%" border="0">

    <tr>
      <td align="center" style="vertical-align:middle;">
        <img src="{$BACKEND_IMAGES}icons/loader.gif" width="32px" height="32px" alt=""/>
      </td>
    </tr>
  </table>
</div>

<div class="growlUI" id="{$type}"  style="display:none;"> 
            <h1>{$message}</h1> 
            <h2>{$description}</h2> 
</div>
{if isset($display)}
    {literal}
        <script language="javascript">
        $(function() { 
            $.blockUI({    
               message: $('div.growlUI'), 
                fadeIn: 700, 
                fadeOut: 700, 
                timeout: 2000, 
                showOverlay: false, 
                centerY: false, 
                css: { 
                    width: '350px', 
                    top: '5px', 
                    left: '', 
                    right: '10px', 
                    border: 'none', 
                    padding: '5px', 
                    backgroundColor: '#000', 
                    '-webkit-border-radius': '10px', 
                    '-moz-border-radius': '10px', 
                    'border-radius': '10px',
                    opacity: .6, 
                    color: '#fff' 
                } 
            }); 
        }); 
        </script>
    {/literal}
{/if}


